<template>
  <div class="notice-container">
    <div class="notice-title">
      <span>{{msg}}</span>
    </div>
    <div class="notice-content">
      <span v-html="msgCon"></span>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
  import { useRoute } from 'vue-router'

  const route = useRoute()
  let msgCon = ref('')

  const { msg, address } = route.query;
  console.log(msg, address)
  switch (msg) {
    case '端午放假通知':
      msgCon.value = `公司全体员工：<br/>
      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据国家法定节假日安排及公司实际情况，现将2024年端午节放假通知如下：<br/>
      一、放假时间<br/>
      2024年端午节放假时间为6月8日（星期六）至6月10日（星期一），共计3天。6月11日（星期二）正常上班。请各位同事提前做好工作安排，确保在放假期间工作无缝衔接。<br/>
      二、值班安排<br/>
      请各部门根据工作需要，提前安排好值班人员，确保放假期间公司正常运转和应急处理工作。值班人员请保持手机畅通，以便随时联系。<br/>
      三、安全注意事项<br/>
      请大家在离开办公室前，确保关闭电脑、电器设备，以及门窗等，确保公司财产安全。
      放假期间，请大家注意人身安全，遵守交通规则，切勿酒后驾车、疲劳驾驶。
      外出旅游、探亲访友时，请注意保管好个人财物，防范诈骗等风险。
      四、假期后工作安排
      请各位同事在假期结束后按时返岗，并于6月11日（星期二）上午9点前完成个人工作计划和任务的汇报，确保工作顺利开展。<br/>
      在此，提前祝大家端午节快乐，阖家幸福，安康顺遂！<br/>
      敬请予以遵守。<br/><br/>
      <div style="text-align: right">
        公司名称：${address}<br/>
        2024年6月1日
      </div>
      `

      break;
    case '电梯故障的通知':
      msgCon.value = `
        尊敬的园区业主、租户及各位工作人员：<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您好！<br/>
        我们在此通知您，近日我们发现园区内某栋建筑的电梯出现了故障。为确保大家的出行安全，我们已立即启动应急响应机制，并通知了专业的电梯维修团队前来检修。<br/>
        具体故障电梯情况如下：<br/>
        故障电梯位置：[一号楼3栋]
        故障发现时间：[2024年5月31日]<br/>
        目前，该故障电梯已暂停使用，我们正在紧急协调维修团队进行检修。在此期间，为了不影响大家的正常工作和生活，我们建议大家：<br/>
        尽量避免使用故障电梯，可以选择其他楼栋的电梯或楼梯进行出行。
        若急需使用电梯，请务必注意查看电梯运行状况，确保安全。
        对于此次电梯故障给大家带来的不便，我们深表歉意，并会全力以赴配合维修团队，尽快恢复电梯的正常运行。同时，我们也呼吁大家在使用电梯时注意安全，如发现任何异常情况，请立即联系我们。<br/>

        再次感谢您的理解与支持，我们将继续努力，为大家提供更加安全、舒适的园区环境。<br/>
        <div style="text-align: right">
          园区物业管理处<br/>
          2024年5月31日
      </div>
      `
      break;
    case '食堂菜品变更通知':
      msgCon.value = `
        尊敬的园区业主、租户及各位工作人员：<br/>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您好！<br/>
        为了不断提升园区食堂的服务质量和满足大家的口味需求，我们决定对食堂的菜品进行部分变更。现将有关事宜通告如下：<br/>
        一、变更时间<br/>
        自2024年6月3日起，园区食堂将开始实施新的菜品供应。<br/>
        二、变更内容<br/>

        调整菜品：我们对部分现有菜品进行了口味和配料上的调整，以提供更加符合大家喜好的美食。
        停售菜品：由于食材供应和口味调整的原因，部分菜品将暂时停售。我们深感抱歉给您的用餐选择带来的不便，并会尽快推出更多优质菜品供您选择。
        三、注意事项<br/>
        请大家在用餐前留意食堂的菜品公示牌，了解当日供应的菜品信息。
        如有任何疑问或建议，请随时向食堂工作人员反馈，我们将认真倾听并不断改进。
        我们深知菜品变更对大家的用餐习惯可能产生一定影响，但请相信我们一直在努力为大家提供更加丰富、健康、美味的餐饮服务。我们真诚地感谢您的理解与支持，并期待您在新菜品中找到更多惊喜。<br/>
        如有任何疑问或需要进一步了解菜品变更的详情，请随时联系园区物业管理处。我们将竭诚为您解答。<br/>
        再次感谢您的理解与支持，祝您用餐愉快！<br/>
        <div style="text-align: right">
          园区物业管理处<br/>
          2024年5月31日
        </div>
      `
      break;
      default:
        msgCon.value = 'default'
  }
</script>

<style scoped lang="less">
.notice-container {
  padding: 10px;
  .notice-title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
  }
}
</style>
